#app{
    width: 100%;
    height: 1200px;
    position: relative;
    .masking{
        width: 100%;
        height: 1200px;
        position: absolute;
        top: 5px;
    }
    #list{
        width: 600px;
        height: 240px;
        
        margin-top: 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        
        .list1{
           width: 200px;
           height: 120px;
           &:hover{
               cursor: pointer;
           }
           
           padding: 0;
           float: left;
           img{
               display: block;
               width: 100%;
               height: 100%;
           }
        }
    
       #box{
           position: absolute;
           display: block;
    
           img{
               position: absolute;
               top: 30px;
               left: 90px;
           }
           span{
               text-align: center;
               line-height: 20px;
               position: absolute;
               top: 30px;
               left: 500px;
               &:hover{
                   cursor: pointer;
               }
           }
       } 
    }
}

